// pages/category/index.js

import  request from '../../request/request.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 左边数据列表
    leftMenuList:[],
    //右边数据列表
    rightContent:[],
    currentIndex:'' //高亮的当前索引



  },
  Cates:[],  //属于全局变量

  //处理高亮 并且切换右边内容
  handleItemTap(e){
    console.log(e)
    let {index} =e. currentTarget.dataset

    this.setData({
      currentIndex:index  /** 右边高亮 */,

      rightContent:this.Cates[index].children, /**动态切换右边内容 */
      // rightContent:this.data.Cates[index].children /**动态切换右边内容 */
    })

  },

 

  getCateList(){
     request({url:"/categories"})
    .then(result=>{
      console.log(result)
      this. Cates=result
     let leftMenuList=this.Cates.map(v=>v.cat_name)  /*映射*/
     let   rightContent=this.Cates[0].children

      this.setData({
        leftMenuList,
        rightContent
      })
    })
    
  },

  //定义在data里面的数据 如果要取值  this.data.名字



  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
/** 负责函数的调用 */
    this.getCateList() 
   

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})